<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>document改变CSS样式</title>
</head>

<body>

<p id="id">这是一个id输出</p>

<span id="span"> 这是一个tag输出</span>

<div class="zxc">这是一个class输出</div>
<p></p>
<p></p>
<p></p>
<img src="image\2.png" id="image"/>


<script type="text/javascript">
    var one = document.getElementById("id").innerHTML;
    var two = document.getElementById("span").innerHTML;
    // alert(one);
    // one.innerHTML = "这是id查找改变后的内容";
    // alert(two);

    var img = document.getElementById("image");
    img.setAttribute("src", "3.png");
    //将id为image的标签中的 2.png更换为3.png


    var p1 = document.createElement("p");//新创建一个P

    var span = document.getElementById("span"); //找到id为span的标签

    p1.innerHTML = "这是新添加的";//给新创建的P便签一个值

    span.appendChild(p1);//执行添加操作
</script>
</body>

</html>